﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F.scroll_display 演示</title>
<style type="text/css">
*{margin:0; padding:0;}
#sbox09{position:absolute; width:739px; height:348px; font-size:12px;}

#sbox09 .panel img{display:none;}

#sbox09 .tab{position:absolute; left:500px; top:310px; width:200px; height:20px;}
#sbox09 .tab li{width:20px; height:20px; line-height:20px; text-align:center; margin:0 5px; float:left; border:1px solid gray; list-style:none; cursor:pointer; background-color:#fff; color:#7f0019;}
#sbox09 .tab li.focus{background-color:#7f0019; color:#fff;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body>
<h3>凡客诚品幻灯片示例</h3>
<div id="sbox09">
	<div class="panel">
		<img src="data/img/slides/vancl/01.jpg" style="display:block;" />
		<img src="data/img/slides/vancl/02.jpg" />
		<img src="data/img/slides/vancl/03.jpg" />
		<img src="data/img/slides/vancl/04.jpg" />
		<img src="data/img/slides/vancl/05.jpg" />
		<img src="data/img/slides/vancl/06.jpg" />			
	</div>
 	<ul class="tab">
		<li class="focus">1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>	
		<li>5</li>
		<li>6</li>			
	</ul>
</div>

<script type="text/javascript">F("sbox09").slides({panel:"fade",autoplay:3000});</script>
</body>
</html>